import React from "react";

export function Favorite() {
  return (
    <div className="flex w-full h-screen bg-gray-900 text-gray-100">
      {/* Sidebar */}
      <div className="w-1/5 bg-gray-800 p-4 space-y-6">
        <h2 className="text-lg font-semibold">收藏</h2>
        {/* Add your favorite items here */}
        <ul className="space-y-2">
          <li className="p-2 bg-gray-700 rounded-lg">Item 1</li>
          <li className="p-2 bg-gray-700 rounded-lg">Item 2</li>
          <li className="p-2 bg-gray-700 rounded-lg">Item 3</li>
        </ul>
      </div>

      {/* Main Content */}
      <div className="flex-1 p-6">
        <h1 className="text-2xl font-bold mb-4">Favorite Page</h1>
        <p className="text-gray-300">
          This is where favorite content would go.
        </p>
      </div>
    </div>
  );
}
